<!DOCTYPE html>
<html lang="en">
    <head>
		<meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <title>Animated Content Tabs with CSS3</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
        <meta name="description" content="Animated Content Tabs with CSS3" />
        <meta name="keywords" content="tabs, css3, transition, checked, pseudo-class, label, css-only, sibling combinator" />
        <meta name="author" content="Codrops" />
        <link rel="shortcut icon" href="../favicon.ico"> 
        <link rel="stylesheet" type="text/css" href="css/demo.css" />
        <link rel="stylesheet" type="text/css" href="css/style2.css" />
		<script type="text/javascript" src="js/modernizr.custom.04022.js"></script>
		<!--[if lt IE 9]>
			<style>
				.content{
					height: auto;
					margin: 0;
				}
				.content div {
					position: relative;
				}
			</style>
		<![endif]-->
        <style>
		.fl{ float:left;}
		.mg10{ margin-left:10px;}
		.margintop{ margin-top:20px;}
		.content div, .content1 div span{ display:block;}
		.content div, .content1 div .clearAll{ clear:both; height:20px;}
		span.man{ background:url(../../img/man.jpg) 0 0 ; width:11px; height:24px; float:left;}
		span.child{ background:url(../../img/man.jpg) -11px 0 ; width:11px; height:24px; float:left;}
		span.baby{ background:url(../../img/man.jpg) -22px 0 ; width:11px; height:24px; float:left;}
		.colman{ width:68px;}
		.clear{ clear:both;}
		.sky_find{ width:117px; height:40px; background:url(../../img/find.jpg) top left no-repeat;
		float: right !important;
color: #fff !important;
font-size:16px;
font-weight: bold !important;
font-family: Arial, Helvetica, sans-serif !important;
text-shadow: 1px 1px #b87929 !important;
text-align:center;
margin-right: 6px;
text-transform:uppercase;
}
.inp1 {
width: 15px;
}input[type="radio"] {
margin: 3px 3px 0px 5px;
}
span.select {
color: #FF7B0F;
font-weight: bold;
}
.label2 {
display: block;
font-weight: bold;
color: #333;
line-height: 20px;
font-family: arial,tahoma !important;
}
.input1 {
width: 140px;
margin-right: 5px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #FCFBBB !important;
border: 1px solid #E78F08 !important;
-moz-box-shadow: 0 0 3px #E78F08;
-webkit-box-shadow: 0 0 3px #E78F08;
box-shadow: 0 0 3px #E78F08;
}
.label1{
				line-height:20px;
				padding-right:10px;
				color:#888;}</style>    </head>
    <body>
<section class="tabs">
	            <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
		        <label for="tab-1" class="tab-label-1">About</label>
		
	            <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
		        <label for="tab-2" class="tab-label-2">Services</label>
		
	            <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
		        <label for="tab-3" class="tab-label-3">Work</label>
			
	            <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
		        <label for="tab-4" class="tab-label-4">Contact</label>
            
			    <div class="clear-shadow"></div>
			
		        <div class="content2">
			        <div class="content-1">
                <div class="tvo_content">
                	<form action="#" method="post">
                    	<span class="fwb fl dsb w50">Điểm đi</span>
                    	<span class="fwb fl dsb w50">Điểm đến</span><div class="clear"></div>
                        <input name="go" type="text" datetype="departure" class="departure startplace fl dsb b0 input1 mgb10" onclick="select()" />
                        <input name="to" type="text" datetype="arrival" class="arrival endplace fl dsb b0 input1 mgb10" onclick="select()" />
						<div class="clear"></div>
                        <span class="fwb fl dsb w50 mgb5">Ngày đi</span>
                        <span class="fwb fl dsb w50 mgb5">Ngày về</span>
						<div class="clear"></div>
                        <div class="w50 fl">
                        	<select name="day_go" class="focus_input">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option selected="selected" value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>
                            	<select name="month_go" class="focus_input">
                                <option value="09/2012">Tháng 9</option>
                                <option value="10/2012">Tháng 10</option>
                                <option value="11/2012">Tháng 11</option>
                                <option selected="selected" value="12/2012">Tháng 12</option>
                                <option value="01/2013">Tháng 1</option>
                                <option value="02/2013">Tháng 2</option>
                                <option value="03/2013">Tháng 3</option>
                                <option value="04/2013">Tháng 4</option>
                                <option value="05/2013">Tháng 5</option>
                                <option value="06/2013">Tháng 6</option>
                                <option value="07/2013">Tháng 7</option>
                                <option value="08/2013">Tháng 8</option>
                            </select>
                        </div>
                        <div class="w50 fl">
                        	<select name="day_back" class="focus_input">
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option selected="selected" value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>
                            	<select name="month_back" class="focus_input">
                                <option value="09/2012">Tháng 9</option>
                                <option value="10/2012">Tháng 10</option>
                                <option value="11/2012">Tháng 11</option>
                                <option selected="selected" value="12/2012">Tháng 12</option>
                                <option value="01/2013">Tháng 1</option>
                                <option value="02/2013">Tháng 2</option>
                                <option value="03/2013">Tháng 3</option>
                                <option value="04/2013">Tháng 4</option>
                                <option value="05/2013">Tháng 5</option>
                                <option value="06/2013">Tháng 6</option>
                                <option value="07/2013">Tháng 7</option>
                                <option value="08/2013">Tháng 8</option>
                            </select>
                        </div>
                        <div class="clear p5 bdb1"></div>
                        <div class="fl mgb5 box3">
                        	Số Lượng Người lớn <span>(> 12 tuổi)</span>
                            <select name="cboAdult" class="focus_input">
                                <option selected="selected" value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                                <option value="6">6</option>
                                <option value="7">7</option>
                                <option value="8">8</option>
                                <option value="9">9</option>
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>
                                <option value="25">25</option>
                                <option value="26">26</option>
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>
                                <option value="30">30</option>
                                <option value="31">31</option>
                                <option value="32">32</option>
                                <option value="33">33</option>
                                <option value="34">34</option>
                                <option value="35">35</option>
                                <option value="36">36</option>
                                <option value="37">37</option>
                                <option value="38">38</option>
                                <option value="39">39</option>
                                <option value="40">40</option>
                                <option value="41">41</option>
                                <option value="42">42</option>
                                <option value="43">43</option>
                                <option value="44">44</option>
                                <option value="45">45</option>
                                <option value="46">46</option>
                                <option value="47">47</option>
                                <option value="48">48</option>
                                <option value="49">49</option>
                                <option value="50">50</option>
                            </select>
                        </div>
                        <div class="fl mgb5 box3">
                        	Số Lượng Trẻ em <span>(2 - 12 tuổi)</span>
                            <select name="cboChild" class="focus_input">
                                <option selected="selected" value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            
                            </select>
                        </div>
                        <div class="fl mgb5 box3">
                        	Số Lượng Em bé <span>(< 2 tuổi)</span>
                            <select name="cboChild" class="focus_input">
                                <option selected="selected" value="0">0</option>
                                <option value="1">1</option>
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4">4</option>
                                <option value="5">5</option>
                            
                            </select>
                        </div>
                        <div class="clear p5 bdb1"></div>
                        <div class="fl p5">
                        	<a href="#" class="tvo_guide">Hướng dẫn đặt mua</a>
                        </div>
                        <div class="fl p5">
                        	<a href="#" class="tvo_find">Tìm chuyến bay</a>
                        </div>
                        <div class="clear"></div>
                    </form>
                </div>
                   <span class="clearAll"></span>
            	    </div>
			        <div class="content-2">
						3
				    </div>
			        <div class="content-3">
						2
				    </div>
				    <div class="content-4">
						1
				    </div>
		        </div>
			</section>    </body>
</html>